<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/jquery-1.11.3.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <header>
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-6 column">
                    <a href="index.html"><img src="../image/logo.jpg" alt=""></a><p>欢迎登陆</p>
                </div>
                <div class="col-md-6 column">
                </div>
            </div>
        </div>

    </header>

    <section id="container">
        <div class="reg">
            <ul>
                <li><i>用户名:</i><p class="reg_p1"><input type="text" id="txtUserName" placeholder="请输入你的手机号或者邮箱"></p><span></span></li>
                <li><i>请设置密码：</i><p class="reg_p2"><input type="text" id="txtPassword" placeholder="请输入密码"></p><span></span></li>
                <li><i>请确认密码：</i><p class="reg_p2"><input type="text" id="txtPassword2" placeholder="请输入密码"></p><span></span></li>
                <li  class="yzm"><i>验证码：</i><p><input id="txtValidateCode" type="text"></p><a         href="javascript:;"><img src="../image/yanzhengma.jpg" alt=""></a></li>
                <li class="reg_li"><i>&nbsp</i><label><input type="checkbox" id="chkIsRead" name="agree" value="1">我已阅读并同意</label><a href="#">《神舟用户注册协议》</a></li>
                <li ><i> &nbsp;</i><input type="button" value="注册" class="reg_btn"></li>
            </ul>
        </div>

    </section>

    <footer>
        <div>
            <p>
                <a href="javascript:;">公司简介</a>|
                <a href="javascript:;">加入我们</a>|
                <a href="javascript:;">联系我们</a>
                All rights reserved © 2015 Hasee 粤ICP备11003995
            </p>
        </div>
    </footer>
    <script src="../js/login.js"></script>
    <script>
    //     let username = $('#txtUserName').val()
    //     let password = $('#txtPassword').val()

    //      //用户名
    //      let reg = /^[-_a-zA-Z0-9]{4,16}$/
    //     let flag1 = false
    //     $('#txtUserName').on('input',function(){
    //         if(reg.test($('#txtUsername').val())){
    //         $('span').eq(0).html('可以注册')
    //         $('span').eq(0).css({color:'#00FFFF'})
    //         flag1 = true
    //     }else{
    //         $('span').eq(0).html('* 请用邮箱或手机号')
    //         $('span').eq(0).css({color:'red'})
    //     }
    //     })

    //     //密码
    //     let reg1 = /(?=.*[A-Z])(?=.*[a-z])(?=.*\d)(?=.*[$@!%*#?&])[A-Za-z\d$@!%*#?&]{6,}$/
    //     let flag2 = false
    //     $('#txtPassword').on('input',function(){
    //         if(reg1.test($('#txtPassword').val())){
    //         $('span').eq(1).html('密码中')
    //         $('span').eq(1).css({color:'#00FFFF'})
    //         flag1 = true
    //     }else{
    //         $('span').eq(1).html('* 6-20位字符，建议由字母，数字和符号两种以上组合')
    //         $('span').eq(1).css({color:'red'})
    //     }
    //     })
    //     let flag3 = false
    //     $('#txtPassword2').on('input',function () {
           
    //         console.log($('#txtPassword').val());
    //         console.log($('#txtPassword2').val());
    //         if($('#txtPassword2').val()==$('#txtPassword').val()){
    //             $('span').eq(2).html('√')
    //             $('span').eq(2).css({color:'green'})
    //             flag3=true
    //         }else {
    //             $('span').eq(2).html('* 请再次输入密码')
    //             $('span').eq(2).css({color:'red'})
    //         }
    //     })

    //    $('.reg_btn').click(function(){
    //        console.log(1);
           
    //        $.ajax({
    //            url:'http://jx.xuzhixiang.top/ap/api/reg.php',
    //            type:'get',
    //            data:{username:$('#txtUsername').val(),password:$('#txtPassword').val()}
    //        }).then(res=>{
    //            console.log(res);
    //            alert(res.msg)
    //            if(res.code==1){
    //                location.href='resign.html'
    //            }
               
    //        })
    //    })
    </script>
</body>
</html>